import Vue from 'vue'
import VueRouter from 'vue-router'
import LoVe from '../views/LoVe.vue'

import JtXw from '../views/JtXw.vue'
import LxWm from '../views/LxWm.vue'
import ZpXx from '../views/ZpXx.vue'
import JtGk from '../views/JtGk.vue'
import Home from '../views/Home.vue'
import KeJi from '../views/KeJi.vue'
import DianShang from '../views/DianShang.vue'
import ZhiJiao from '../views/ZhiJiao.vue'
import YouJiao from '../views/YouJiao.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'LoVe',
    component: LoVe
  },
  {
    path: '/JtXw',
    name: 'JtXw',
    component: JtXw
  },
  {
    path: '/LxWm',
    name: 'LxWm',
    component: LxWm
  },
  {
    path: '/ZpXx',
    name: 'ZpXx',
    component: ZpXx
  },
  {
    path: '/JtGk',
    name: 'JtGk',
    component: JtGk
  },
  {
    path: '/Home',
    name: 'Home',
    component: Home
  },
  {
    path: '/KeJi',
    name: 'KeJi',
    component: KeJi
  },
  {
    path: '/DianShang',
    name: 'DianShang',
    component: DianShang
  }, {
    path: '/ZhiJiao',
    name: 'ZhiJiao',
    component: ZhiJiao
  }, {
    path: '/YouJiao',
    name: 'YouJiao',
    component: YouJiao
  },
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  }
]

const router = new VueRouter({
  routes
})

export default router
